<script setup lang="ts">
import LikeList from '@/components/LikeList.vue';


</script>


<template>
  <div>
    <!-- 头部展示栏 -->
    <van-nav-bar title="我的订单" left-text="返回" left-arrow @click="$router.back()"/>

    <!-- 吸顶导航栏 -->
    <van-tabs sticky title-active-color="rgb(218,46,34)">
        <div>
            <p>不熄灯商城</p>
        </div>
        <van-tab v-for="index in 5" :key="index" :title="'选项 ' + index" >
            <div class="box1">
                <van-card
                    num="2"
                    price="2.00"
                    desc="描述信息"
                    title="商品标题"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
                />
            </div>   
        </van-tab>
</van-tabs>

    <!-- 猜你喜欢 -->
    <div class="box4">
        <h3> 猜你喜欢 </h3>
    <LikeList></LikeList>
    </div>
    </div>
</template>

<style lang="scss" scoped>
body{
    background: rgb(244,244,244,);
}
.van-tabs{
    width: 90%;
    margin: auto;
    border-radius:15px ;
    .box1{
        margin: auto;
        width: 90%;
        margin-top: 30px;
        border-radius: 15px;
        background-color: rgb(255, 255, 255);
        height: 300px;
    }
}

 /* 猜你喜欢样式 */
 .box4 {
        margin-top: 20px;
        height: 30px;
        text-align: center;
    }





</style>









